// 基于jq；后面cropper方法因为插件JS导致
$('#image').cropper({
    // 纵横比(宽高比)
    aspectRatio: 1 / 1, // 正方形
    // 指定预览区域
    preview: '.img-preview' // 指定预览区的类名（选择器）
});


$('#file_cp').on('click', function () {
    $('#file').click()
})


$('#file').on('change', function () {
    let obj = this.files[0]
    let src = URL.createObjectURL(obj)
    $('#image').cropper('replace', src)
})

$('#up').on('click', function () {

    let canvas = $('#image').cropper('getCroppedCanvas', {
        width: 100,
        height: 100
    });
    let base64 = canvas.toDataURL('image/png');


    $.ajax({
        url: "/my/update/avatar",
        type: "POST",
        data: {
            avatar: base64
        },
        success: function (res) {
            layer.msg(res.message);
            window.parent.getInfo();
        }
    });

})